<ui:composition xmlns:ui="http://java.sun.com/jsf/facelets"
                xmlns:h="http://java.sun.com/jsf/html"
                xmlns:f="http://java.sun.com/jsf/core"
                xmlns:c="http://java.sun.com/jsp/jstl/core"
                xmlns:composite="http://java.sun.com/jsf/composite">
    <composite:interface>
    </composite:interface>

    <composite:implementation>
        
        <div id="accordion-#{cc.clientId}">
            <composite:insertChildren/>         
        </div>
		<script type="text/javascript">
      jQuery(document).ready(function() {
          var tabObj=document.getElementById("accordion-#{cc.clientId}"); // id="accordion-#{cc.clientId}"
          //var tabObj=jQuery('.ds-accordion'); //class="ds-accordion"
          jQuery(tabObj).accordion({ fillSpace: true});
          //jQuery(tabObj).accordion('resize');
      });
        </script>
    </composite:implementation>

</ui:composition>
